// 这里是预约记录
import type { FormConfigTypes } from '@/base-ui/form'
import type { TableConfigTypes } from '@/base-ui/table'

// 表单配置
export const formConfig: FormConfigTypes = {
  formItems: [
    {
      label: '预约者姓名',
      field: 'name',
      type: 'text',
      options: {
        placeholder: '请输入预约者姓名关键字'
      }
    },
    {
      label: '预约者电话',
      field: 'phone',
      type: 'text',
      options: {
        placeholder: '请输入预约者电话'
      }
    },
    {
      label: '预约者邮箱',
      field: 'email',
      type: 'text',
      options: {
        placeholder: '请输入预约者电话'
      }
    },
    {
      label: '预约时间范围',
      field: 'time',
      type: 'picker',
      pickerOptions: {
        type: 'daterange',
        startPlaceholder: '开始时间',
        endPlaceholder: '结束时间'
      }
    },
    {
      label: '预约状态',
      field: 'resule',
      type: 'select',
      selectOptions: [
        {
          label: '全部',
          value: 3
        },
        {
          label: '未处理',
          value: 0
        },
        {
          label: '通过',
          value: 1
        },
        {
          label: '拒绝',
          value: 2
        }
      ]
    }
  ],
  formStyle: {
    lg: 8,
    sm: 12
  },
  itemStyle: {
    padding: '10px 40px'
  },
  formLabelWidth: '100px'
}

// 表格配置
export const tableConfig: TableConfigTypes = {
  // 表格数据里列表
  tableColumn: [
    {
      prop: 'nowTime',
      label: '申请时间',
      align: 'center',
      width: '170'
    },
    {
      prop: 'time',
      label: '预约时间',
      align: 'center',
      width: '220'
    },
    {
      prop: 'name',
      label: '预约者姓名',
      align: 'center',
      minWidth: '110'
    },
    {
      prop: 'phone',
      label: '预约电话',
      align: 'center',
      minWidth: '120'
    },
    {
      prop: 'email',
      label: '预约邮箱',
      align: 'center',
      minWidth: '200'
    },
    {
      prop: 'handler',
      label: '预约消息处理人',
      align: 'center',
      minWidth: '150'
    },
    {
      prop: 'handlerTime',
      label: '消息处理时间',
      align: 'center',
      width: '170'
    },
    {
      prop: 'resule',
      label: '预约状态',
      align: 'center'
    },
    {
      prop: 'operation',
      label: '操作',
      align: 'center',
      fixed: 'right',
      minWidth: '150'
    }
  ],
  // 表格是否可选
  isSelection: false,
  // 是否显示序号
  isShowTableIndex: true,
  // 表格样式
  tableStyle: {
    maxHeight: '350px'
  },
  // 是否显示分页
  isShowPage: true
}
